[مخصوص مبتدیان] دوره جامع آموزش جاوا اسکریپت - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه Introduction

راه اندازی و بهترین روش ها Setup & Best Practices

• راه اندازی IDE IDE setup

• ایجاد فایل نمونه Sample File Creation

• Prettier - افزونه قالب بندی کد Prettier - Code Formatter Extension

• Material Icon Theme - افزونه Material Icon Theme - Extension

[بخش 1] اصول جاوا اسکریپت [Part 1] Javascript Basics

• مقادیر ثابت Literals

• متغیرها Variables

• Let Let

• Const Const

• کامنت ها Comments

• عملگرهای ریاضی Arithmetic Operators

• آزمون Quiz

• نوع داده - رشته Data Type - String

• متد رشته ای String Method

• نوع داده - عدد Data Type - Number

• نوع داده - Bigint Data Type - Bigint

• نوع داده - بولی Data Type - Boolean

• تعریف نشده در مقابل پوچ Undefined vs Null

• نوع داده - نماد Data Type - Symbol

• نوع داده - شی Data Type - Object

• انواع پویا Dynamic types

• آزمون Quiz

[بخش 2] اصول جاوا اسکریپت [Part 2] Javascript Basics

• آرایه Array

• ویژگی طول آرایه Array length property

• آرایه می تواند هر چیزی را در خود جای دهد Array can hold anything

• حفره ها در آرایه Holes in array

• آرایه مانند پشته Array like a Stack

• آرایه - shift() و unshift() Array - shift() & unshift()

• آرایه - splice Array - splice

• آرایه - عملگر delete Array - delete operator

• آرایه - join Array - join

• آرایه - flat() Array - flat()

• [اختیاری] آرایه - deep flat() [سفارشی] [Optional] Array - deep flat() [Custom]

• آرایه - مرتب سازی پیش فرض Array - Default Sort

• آرایه - مرتب سازی بدون تغییر اصلی Array - Sort without modify original

• آرایه - مرتب سازی با CompareFn Array - Sort with CompareFn

• آرایه - مرتب سازی روی اشیا Array - Sort on Objects

• مرتب سازی پایدار چیست؟ What is stable sort?

• [اختیاری] مرتب سازی بر روی داده های Restapi [Optional] Sorting on Restapi Data

• آرایه filter() Array filter()

• آرایه filter() [مثال ها] Array filter() [Examples]

• [اختیاری] آرایه filter() - گزینه های پیشرفته [Optional] Array filter() - advance options

• آرایه map() Array map()

• آرایه map() - اشیا Array map() - Objects

• آرایه map() - بهترین روش ها Array map() - Best Practices

• [اختیاری] آرایه map() - گزینه های پیشرفته [Optional] Array map() - advance options

• آزمون Quiz

• آرایه - reduce() Array - reduce()

• آرایه - reduce() بدون مقدار اولیه Array - reduce() without initial value

• آرایه - reduce() با پیکربندی پیشرفته Array - reduce() with advance config

• آرایه - reduce() روی اشیا Array - reduce() on objects

• آرایه - reduce() در مقابل reduceRight() Array - reduce() vs reduceRight()

• آرایه - IndexOf و lastIndexOf Array - IndexOf & lastIndexOf

• آرایه - find و findLast Array - find & findLast

• آرایه - findIndex() و findLastIndex() Array - findIndex() & findLastIndex()

• آرایه - from() Array - from()

• آرایه - includes() Array - includes()

• آرایه با اعلان Const Array with Const declaration

• تاریخ Date

• تاریخ - متدهای Get Date - Get Methods

• تاریخ - متدهای Set Date - Set Methods

• شی Math Math Object

• تولید OTP با Math.random() OTP generation with Math.random()

• آزمون Quiz

[بخش 3] اصول جاوا اسکریپت [Part 3] Javascript Basics

• If Else If Else

• If تو در تو Nested If

• If Else If If Else If

• عملگر شرطی (سه گانه) Conditional (Ternary) Operator

• دستور Switch Switch Statement

• مثال Switch Switch Example

• حلقه For For Loop

• حلقه For روی آرایه 1 بعدی For Loop on 1 Dimensional Array

• حلقه For روی آرایه چند بعدی For Loop on Multi Dimensional Array

• چرا از let در حلقه For استفاده کنیم؟ Why to use let in For Loop?

• for...of for...of

• for...of روی آرایه چند بعدی for...of on Multi Dimensional Array

• for..in for..in

• while while

• do while do while

• برچسب، Break و Continue Label, Break & Continue

• Break در مقابل Continue Break vs Continue

• TypeOf TypeOf

• آزمون Quiz

توابع جاوا اسکریپت به طور عمیق Javascript Functions In Depth

• توابع ناشناس Anonymous Functions

• تابع Arrow Arrow Function

• Function Hoisting Function Hoisting

• تابع درجه یک First-class Function

• توابع ناشناس Anonymous Functions

• تابع ناشناس - تابع بازگشتی Anonymous Function - Returning Function

• Overloading Overloading

• شی Arguments Arguments Object

• پارامترهای پیش فرض قبل از ES6 Default Parameters Prior to ES6

• پارامترهای پیش فرض ES6 Default Parameters ES6

• پارامترهای پیش فرض Default Parameters

• شی this The this Object

• ویژگی ها و Prototype تابع Function Properties & Prototype

• متد call() The call() Method

• متد apply() The apply() Method

• متد bind() The bind() Method

• متد call() call() method

• متد bind() bind() method

• توابع تو در تو Nested Functions

• Closure Closure

• بازگشت (Recursion) Recursion

• خطای Call Stack Call Stack Error

• بازگشت (Recursion) Recursion

• Closure Closure

• عبارات تابع فراخوانی شده فوری (IIFE) Immediately Invoked Function Expressions (IIFE)

• Callback Callback

• توابع خالص Pure Functions

• توابع ناخالص Impure Functions

• Currying Currying

• Currying Currying

• آزمون Quiz

جاوا اسکریپت ناهمزمان Asynchronous JavaScript

• Promise چگونه کار می کند؟ How Promise works?

• زنجیره سازی Promise Promise Chaining

• Callback Hell Callback Hell

• All Settled All Settled

• All All

• Async و Await Async and Await

• آزمون Quiz

مدل شی سند (DOM) HTML جاوا اسکریپت Javascript HTML Document Object Model (DOM)

• مقدمه Introduction

• محل وارد کردن اسکریپت Location of script import

• شی document چیست؟ What is document object?

• getElementById() getElementById()

• getElementByName() getElementByName()

• getElementsByTagName() getElementsByTagName()

• getElementsByClassName() getElementsByClassName()

• querySelectorAll() با انتخابگر Basic querySelectorAll() with Basic Selector

• querySelectorAll() با انتخابگرهای گروه بندی querySelectorAll() with Grouping selectors

• querySelectorAll() با Combinators querySelectorAll() with Combinators

• querySelectorAll() با Pseudo querySelectorAll() with Pseudo

• Node در مقابل Element Node vs Element

• عنصر والد Parent Element

• عناصر فرزند Child Elements

• عناصر همسایه Siblings Elements

• ایجاد عناصر Create Elements

• ایجاد عناصر [مثال لیست] Create Elements [List Example]

• ایجاد عناصر [مثال اسکریپت] Create Elements [Script Example]

• appendChild() appendChild()

• آزمون Quiz

• textContent و innerText textContent & innerText

• خواندن از innerHTML Reading from innerHTML

• تنظیم innerHTML Setting innerHTML

• مسائل امنیتی با innerHTML Security Issues with innerHTML

• setHTML() setHTML()

• DocumentFragment DocumentFragment

• before() before()

• before() با پارامترهای متعدد before() with multiple parameter

• before() با متن before() with text

• after() after()

• after() با پارامترهای متعدد after() with multiple parameter

• after() با متن after() with text

• replaceChild() replaceChild()

• removeChild() removeChild()

• cloneNode() cloneNode()

• append() در مقابل appendChild() append() vs appendChild()

• prepend() prepend()

• ویژگی های HTML و خصوصیات DOM Objects HTML Attributes & DOM Objects Properties

• ویژگی - Attributes Property - Attributes

• ویژگی - Dataset Property - Dataset

• setAttribute() setAttribute()

• getAttribute() getAttribute()

• removeAttribute() removeAttribute()

• ویژگی - Style Property - Style

• آزمون Quiz

مدل شی مرورگر (BOM) جاوا اسکریپت Javascript Browser Object Model (BOM)

• مقدمه Introduction

• شی window چیست؟ What is window Object?

• window.open() window.open()

• ارتفاع و عرض Height & Width

• تغییر اندازه پنجره Resizing Window

• جابجایی پنجره Moving Window

• بستن پنجره Closing Window

• window.alert() window.alert()

• window.confirm() window.confirm()

• window.prompt() window.prompt()

• setTimeout() setTimeout()

• setTimeout() با کلمه کلیدی this setTimeout() with this keyword

• setTimeout() با پارامترها setTimeout() with params

• setInterval() setInterval()

• Location - شی و ویژگی های آن Location - Object & It’s Properties

• Location - assign() و replace() Location - assign() & replace()

• Location - پیمایش با href Location - Navigate with href

• Location - reload() Location - reload()

• Location - تغییر مسیر بر اساس کشور Location - redirection based on country

• URLSearchParams URLSearchParams

• URLSearchParams keys() values() entries() URLSearchParams keys() values() entries()

• Navigator Navigator

• Navigator - سازگاری مرورگر Navigator - Browser compatibility

• Navigator - کپی پیست متن کلیپ بورد Navigator - Clipboard text copy paste

• Navigator - رویدادهای کلیپ بورد Navigator - Clipboard Events

• Navigator - کپی تصویر کلیپ بورد Navigator - Clipboard Copy Image

• Screen Screen

• History - forward() و back() History - forward() & back()

• History - forward() و back() [مثال] History - forward() & back() [Example]

• History - go() History - go()

• History - با Hash History - with Hash

• Geolocation Geolocation

• Geolocation - watchPosition() و clearWatch() Geolocation - watchPosition() & clearWatch()

• آزمون Quiz

ای جکس (AJAX) جاوا اسکریپت Javascript AJAX

• مقدمه Introduction

• مثال AJAX [به روز رسانی امتیاز زنده] قسمت 1 AJAX Example [Live Score Update] Part 1

• مثال AJAX [به روز رسانی امتیاز زنده] قسمت 2 AJAX Example [Live Score Update] Part 2

• AJAX با JSON AJAX with JSON

• ویژگی ReadyState ReadyState Property

• Response و ResponseType Response & ResponseType

• Request Timeout Request Timeout

• Response Headers Response Headers

• Request Headers Request Headers

• بارگذاری فایل با AJAX [قسمت 1] File Upload with AJAX [Part 1]

• بارگذاری فایل با AJAX [قسمت 2] File Upload with AJAX [Part 2]

• بارگذاری فایل با AJAX [قسمت 3] File Upload with AJAX [Part 3]

• ارسال داده با AJAX Submitting Data with AJAX

• آزمون Quiz

JSON جاوا اسکریپت JavaScript JSON

• مقدمه Introduction

• پشتیبانی از انواع داده Data Types Support

• JSON.stringify() JSON.stringify()

• JSON.stringify() با انواع داده JSON.stringify() with data types

• JSON.stringify() با انواع داده پشتیبانی نشده JSON.stringify() with unsupported data types

• JSON.stringify() با تابع جایگزین JSON.stringify() with replacer function

• JSON.stringify() با آرایه جایگزین JSON.stringify() with replacer array

• JSON.stringify() خطای مرجع دایره ای JSON.stringify() circular reference error

• JSON.stringify() با آرایه JSON.stringify() with array

• JSON.stringify() با localStorage [مثال Theme] JSON.stringify() with localStorage [Theme Example]

• JSON.parse() JSON.parse()

• JSON.parse() با تابع احیاگر JSON.parse() with reviver function

• JSON.parse() با تابع احیاگر [مثال Date] JSON.parse() with reviver function [Date Example]

• مدیریت داده های پشتیبانی نشده با Replacer و Reviver Handling unsupported data with Replacer & Reviver

• خطاهای JSON.parse() JSON.parse() Errors

• JSON.parse() - اجتناب از توابع در JSON JSON.parse() - Avoid functions in JSON

• JSON با restapi [مثال] JSON with restapi [Example]

• JSON در مقابل XML JSON vs XML

• JSON از فایل محلی JSON from local file

• آزمون Quiz